<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 在输入框中如何判断输入的是一个正确的网址，例如：用户输入一个字符串，验证是否符合URL网址的格式
        let str = "http://www.janine.github.io/index.html?zhao=1&from=nan#video";
        let reg = /^(?:(http|https|ftp):\/\/)?((?:[\w-]+\.)+[a-z0-9]+)((?:\/[^/?#]*)+)?(\?[^#]+)?(#.+)?$/i;
        console.log(reg.exec(str));
        // url 格式
        // 1. 协议://  http/https/ftp
        // 2. 域名(不能省)
        // www.janine.cn
        // janine.cn
        // kbs.sports.qq.com    m.g-sir.com.cn
        // 3. 请求路径
        // /
        // /index.html
        // /stu/index.html
        // /stu/
        // 4. 问号传参
        // ?xxx=xxx&xxx=xx
        // 5. 哈希值
        // #xxx
    </script>
</body>

</html>